<section class="photo-alt">
	<div id="slides">
		<!-- <div class="slide" ng-repeat="slide in slides"></div> -->
		<div class="slide"></div>
		<div class="slide"></div>
		<div class="slide"></div>
		<div class="slide"></div>
		<div class="slide"></div>
		<div class="slide"></div>
		<div class="slide"></div>
		<div class="slide"></div>
		<div class="slide"></div>
		<div class="slide"></div>
		<div class="slide"></div>
		<div class="slide"></div>
	</div>

	<nav class="nav">
		<div class="wrapper">
			<ul class="dots">
				<li class="dot" ng-repeat="slide in slides">
					<a href="javascript:void(0);" ng-class="{'active':isCurrentSlideIndex($index)}" ng-click="setCurrentSlideIndex($index);">{{slide.description}}</a>
				</li>
			</ul>
		</div>
	</nav>
</section>